<template>
  <div>
    <tablebar v-show="tabBarState"></tablebar>
    <router-view></router-view>
  </div>
</template>

<script>
import tablebar from "@/components/TableBar.vue"

import {mapState} from "vuex"
export default {
  components: {
    tablebar
  },
  computed:{
      //这里使用的tabBarModule要与store/index.js中引入的tabBarModule.js的变量名称一致
      //数组参数中为模块中的状态属性名
      //tabBarState将作为状态属性直接使用
      ...mapState("tabBarModule",["tabBarState"])
    }
}
</script>


<style lang="scss">

</style>
